//改变css样式
window.onload = function(){
	$().getId('box').addClass('b').addClass('c').addClass('a');//添加class
	$().getId('box').removeClass('a');      //移出class

	$().addRule(0, 'body', 'background:green', 0);//添加link或style的CSS规则
	$().removeRule(0).removeRule(0);//移除link或style的CSS规则

	//每次删除都是第0个css样式  因为第0个就是所有样式的第一个 删除之后 后面的补上来  又变成第一个位置
	
	


	// .a{
	// 	color:blue;          //第一个  删除  deleteRule(0)
	// }

	// .b{
	// 	font-size: 28px;
	// }

	// .c{
	// 	background:yellow;
	// }

	// .d{
	// 	text-decoration: underline;
	// }
	



	//然后变成
	// .b{
	// 	font-size: 28px;       //继续删除第一个     deleteRule(0)
	// }

	// .c{
	// 	background:yellow;
	// }

	// .d{
	// 	text-decoration: underline;
	// }
	


	//然后又变成
	// .c{
	// 	background:yellow;
	// }

	// .d{
	// 	text-decoration: underline;
	// }
	
	
}








